<!--
    @license
    Copyright (c) 2014 The Polymer Project Authors. All rights reserved.
    This code may only be used under the BSD style license found at http://polymer.github.io/LICENSE.txt
    The complete set of authors may be found at http://polymer.github.io/AUTHORS.txt
    The complete set of contributors may be found at http://polymer.github.io/CONTRIBUTORS.txt
    Code distributed by Google as part of the polymer project is also
    subject to an additional IP rights grant found at http://polymer.github.io/PATENTS.txt
-->
<script src="elements.js"></script>

<!-- preloaded external script -->
<polymer-element name="x-foo">
  <template>
    Hello Light World
  </template>
</polymer-element>

<!-- no script -->
<polymer-element name="x-zot" extends="x-foo" noscript>
  <template>
    Hello Lighter World [<shadow></shadow>]
  </template>
</polymer-element>

<!-- inline script -->
<polymer-element name="x-baz" extends="x-zot">
  <script>
    Polymer('x-baz', {
      ready: function() {
        this.style.padding = '4px';
        this.style.backgroundColor = 'tomato';
        this.super();
      }
    });
  </script>
</polymer-element>

<!-- inline script before polymer-element -->
<script>
  Polymer('x-qux', {
    ready: function() {
      this.style.padding = '4px';
      this.style.backgroundColor = 'green';
      this.super();
    }
  });
</script>
<polymer-element name="x-qux" extends="x-zot">
</polymer-element>

<!-- inline external script -->
<polymer-element name="x-quux" extends="x-zot">
  <script src="x-quux.js"></script>
</polymer-element>